$(function () {
  var shopid;
  var areaid;
  // 渲染店铺标题
  $.ajax({
    url:baseUrl+'/api/getgsshop',
    dataType:'json',
    success:function (info) {
      console.log(info);
      $('.bd-shop ul').html(template('tmp-shop',info));
      $('.hd-shop a').text(info.result[0].shopName);
    }
  })

  // 渲染地区标题
  $.ajax({
    url:baseUrl+'/api/getgsshoparea',
    dataType:'json',
    success:function (info) {
      console.log(info);
      $('.bd-area ul').html(template('tmp-area',info));
      $('.hd-area a').text(info.result[0].areaName.substr(0,2));
    }
  })

  // 点击划入滑出下拉框
  $('.hd-shop').click(function () {
    $('.bd-shop').slideToggle();
  });
  $('.hd-area').click(function () {
    $('.bd-area').slideToggle();
  });
  $('.hd-all').click(function () {
    $('.bd-all').slideToggle();
  });

  // 点击店铺内容，改变对应标题，关闭下拉框
  $('.bd-shop ul').on('click','li',function () {
    shopid=$(this).data('id');
    $('.hd-shop a').text($(this).find('a').text());
    $('.bd-shop').slideUp();
    // 重新渲染
    render();
  })
  // 点击地区内容，改变对应标题，关闭下拉框
  $('.bd-area ul').on('click','li',function () {
    areaid=$(this).data('id');
    $('.hd-area a').text($(this).find('a').text().substr(0,2));
    $('.bd-area').slideUp();
    // 重新渲染
    render();
  })

  // 渲染对应的商品信息
  function render() {
    $.ajax({
      url:baseUrl+'/api/getgsproduct',
      data:{
        shopid:shopid || 0,
        areaid:areaid || 0
      },
      dataType:'json',
      success:function (info) {
        console.log(info);
        $('.mmb-gs-content ul').html(template('tmp-pro',info));
      }
    })
  }
  render();
})